/**
 * Created by Tsuna Chenug on 2016/12/8.
 * Created by Mars on 2016/12/9
 */
import React, {Component} from 'react';
import {
    StyleSheet,
    Text,
    View,
    Navigator,
    Platform,
    Image,
    TouchableOpacity
} from 'react-native';

import Header from '../component/HeaderWithoutBack'

export default class Me_Tab extends Component {
    constructor(props) {
        super(props);
        this.state = {
        };
    }

    render() {
        return (
            <View style={styles.container}>
                <Header name="我"/>
                
                <View style={styles.body}>
                    <View style={styles.top}>
                        <View style={styles.picture}>
                            <Text>
                                照片
                            </Text>
                        </View>

                        <View style={styles.info}>
                            <Text style={{margin:4}}>
                                王超
                            </Text>

                            <Text style={{margin:4}}>
                                职信号：1888888
                            </Text>

                            <Text style={{margin:4}}>
                                6613公司
                            </Text>

                            <Text style={{margin:4}}>
                                开发部
                            </Text>
                        </View>
                    </View>

                    <View>
                        <TouchableOpacity onPress={this.props.gotoResume}>
                            <View style={styles.detail}>
                                <Image style={styles.detail_img} source={require('../Images/resume.png')}/>

                                <Text style={{marginLeft:5}}>
                                    查看简历
                                </Text>
                            </View>
                        </TouchableOpacity>

                        <TouchableOpacity>
                            <View style={styles.detail}>
                                <Image style={styles.detail_img} source={require('../Images/star.png')}/>

                                <Text style={{marginLeft:5}}>
                                    本周星级
                                </Text>
                            </View>
                        </TouchableOpacity>

                        <TouchableOpacity onPress={this.props.gotoAE}>
                            <View style={styles.detail}>
                                <Image style={styles.detail_img} source={require('../Images/evaluation.png')}/>

                                <Text style={{marginLeft:5}}>
                                    年度评价
                                </Text>
                            </View>
                        </TouchableOpacity>
                    </View>

                    <View style={{marginTop:20}}>
                        <TouchableOpacity onPress={this.props.gotoBasic}>
                            <View style={styles.detail}>
                                <Image style={styles.detail_img} source={require('../Images/setting.png')}/>

                                <Text style={{marginLeft:5}}>
                                    设置
                                </Text>
                            </View>
                        </TouchableOpacity>
                    </View>
                </View>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: "center"
    },
    body: {
        flex: 10
    },
    top:{
        flexDirection:"row",
    },
    picture:{
        width:120,
        height:120,
        margin:20,
        alignItems:"center",
        borderWidth:1,
        borderColor:"#CACACA",
    },
    info:{
        flex:1,
        flexDirection:"column",
        margin:25,
    },
    detail:{
        flexDirection:"row",
        alignItems:"center",
        borderWidth:1,
        borderColor:"#CACACA",
        height:60,
    },
    detail_img:{
        width:45,
        height:45,
        margin:8,
    },
});